sse698.MasterPage

Edit 0 2 …

Master Page

masterpage.PNG
I spent large majority of my time designing the Master Page for the website. The Master Page gets inherited by all other pages on the website. It contains the logo, menu bar, footer, and two content containers. The main content container is docked to the left of the screen and the second container is a docked to the right of the screen is used as a sidebar.
%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Barnes.master.cs" Inherits="timbarnesengineering.Barnes" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Tim Barnes Engineering</title>
    <link href="~/Styles/Style.css" rel="stylesheet" type="text/css" />
    <link rel="shortcut icon" href="~/Images/favicon.ico"/>
    <link rel="icon" type="image/gif" href="~/Images/animated_favicon1.gif"/>
</head>
<body>
    <form id="form1" runat="server">
    <div style="position: relative; width:9.96in; margin-left:auto; margin-right:auto">
        <asp:Image ID="HeaderImage" runat="server" Height="2.52in"
            ImageUrl="~/Images/trimmedHeader.gif" Width="9.96in" />
    </div>
    <div id="navigation">
        <ul>
            <li><asp:HyperLink ID="Home" runat="server" NavigateUrl="~/Default.aspx"
                    ToolTip="Home Page">Home</asp:HyperLink></li>
            <li><asp:HyperLink ID="School" runat="server"
                    NavigateUrl="~/School/SchoolHome.aspx" ToolTip="School Work">School</asp:HyperLink></li>
            <li><asp:HyperLink ID="About" runat="server" NavigateUrl="~/About.aspx"
                    ToolTip="About Tim Barnes Engineering">About</asp:HyperLink></li>
        </ul>
    </div>
 
 
    <div id="ContentContainer" style="position: relative; width:9.96in; margin-left:auto; margin-right:auto">
 
        <div id="MainContentContainer">
                <asp:ContentPlaceHolder ID="MainContent" runat="server">
                </asp:ContentPlaceHolder>
        </div>
         <div id="RightContentContainer">
               <asp:ContentPlaceHolder ID="RightContent" runat="server">
                </asp:ContentPlaceHolder>
 
        </div>
 
 
    <div id="FooterContainer">
        <div id="footer">
            <p>Copyright © TimBarnesEngineering.com, 2010</p>
        </div>
    </div>
    </div>
 
    </form>
 
</body>
</html>
I also added a "favicon.ico" to the master page which loads a picture of the gear and the initials as an icon to the browser.